<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>客户</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/reg_style.css" rel="stylesheet" />
       <!-- <link rel="stylesheet" href="css/imageview.css" />	-->	
		<link rel="stylesheet" type="text/css" href="css/ljq.css" />
		
		<style type="text/css">
			  .mui-preview-image.mui-fullscreen {
                position: fixed;
                z-index: 999;
                background-color: #000;
            }
            .mui-preview-header,
            .mui-preview-footer {
                position: absolute;
                width: 100%;
                left: 0;
                z-index: 10;
            }
            .mui-preview-header {
                height: 44px;
                top: 0;
            }
            .mui-preview-footer {
                height: 50px;
                bottom: 0px;
            }
            .mui-preview-header .mui-preview-indicator {
                display: block;
                line-height: 25px;
                color: #fff;
                text-align: center;
                margin: 15px auto 4;
                width: 70px;
                background-color: rgba(0, 0, 0, 0.4);
                border-radius: 12px;
                font-size: 16px;
            }
            .mui-preview-image {
                display: none;
                -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
            }
            .mui-preview-image.mui-preview-in {
                -webkit-animation-name: fadeIn;
                animation-name: fadeIn;
            }
            .mui-preview-image.mui-preview-out {
                background: none;
                -webkit-animation-name: fadeOut;
                animation-name: fadeOut;
            }
            .mui-preview-image.mui-preview-out .mui-preview-header,
            .mui-preview-image.mui-preview-out .mui-preview-footer {
                display: none;
            }
            .mui-zoom-scroller {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                width: 100%;
                height: 100%;
                margin: 0;
                -webkit-backface-visibility: hidden;
            }
            .mui-zoom {
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
            }
            .mui-slider .mui-slider-group .mui-slider-item img {
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
            }
            .mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
                width: 100%;
            }
            .mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
                display: inline-table;
            }
            .mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
                display: table-cell;
                vertical-align: middle;
            }
            .mui-preview-loading {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                display: none;
            }
            .mui-preview-loading.mui-active {
                display: block;
            }
            .mui-preview-loading .mui-spinner-white {
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -25px;
                margin-top: -25px;
                height: 50px;
                width: 50px;
            }
            .mui-preview-image img.mui-transitioning {
                -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
                transition: transform 0.5s ease, opacity 0.5s ease;
            }
            @-webkit-keyframes fadeIn {
                0% {
                    opacity: 0;
                }
                100% {
                    opacity: 1;
                }
            }
            @keyframes fadeIn {
                0% {
                    opacity: 0;
                }
                100% {
                    opacity: 1;
                }
            }
            @-webkit-keyframes fadeOut {
                0% {
                    opacity: 1;
                }
                100% {
                    opacity: 0;
                }
            }
            @keyframes fadeOut {
                0% {
                    opacity: 1;
                }
                100% {
                    opacity: 0;
                }
            }
		</style>
		
		
        <!--App自定义的css-->
        <style type="text/css">
            .leftImage {
                margin-top: 10px;
                width: 45%;
                height: 200px;
                margin-left: 10px;
                float: left;
            }
            .rightImage {
                margin-top: 10px;
                width: 45%;
                height: 200px;
                margin-right: 10px;
                float: right;
            }
            
            
            
        </style>
        
        
		<style>
			.head2 span {
				background-image: none!important;
			}
			
			.head2 .img1 {
				margin-left: 0.12rem;
			}
			
			.beijing {
				/*background: url(img/beijing.png)no-repeat center center;*/
				margin-top: 0.25rem;
				padding-bottom: 0.1rem;
			}
			
			.beijing img {
				display: block;
				width: 0.75rem;
				height: 0.75rem;
				margin: 0 auto;
				border-radius: 50%;
				margin-top: 0.3rem;
			}
			
			.beijing .span0 {
				display: block;
				width: 100%;
				height: 0.15rem;
				text-align: center;
				font-size: 0.14rem;
				color: #fff;
				margin-top: 0.1rem;
			}
			
			.beijing .span1 {
				display: block;
				width: 100%;
				height: 0.15rem;
				text-align: center;
				font-size: 0.11rem;
				color: #fff;
				margin-top: 0.03rem;
			}
			
			.beijing .menu {
				width: 90%;
				margin: 0 auto;
				margin-top: 0.2rem;
				border-radius: 35px;
			}
			
			.menu span {
				float: left;
				width: 33%;
				text-align: center;
				font-size: 0.15rem;
				padding: 0.06rem 0;
				color: #f5f1ff;
				background: #b2d5ff;
				filter: alpha(opacity=50);
				-moz-opacity: 0.7;
				-khtml-opacity: 0.7;
				opacity: 0.7;
			}
			
			.menu span:nth-child(1) {
				border-radius: 35px 0 0 35px;
				margin-right: 1px;
			}
			
			.menu span:nth-child(3) {
				border-radius: 0 35px 35px 0;
				margin-left: 1px;
			}
			
			.active10 {
				color: #fff!important;
				opacity: 1!important;
			}
			/*会员信息*/
			
			.huiyuanxinxi {
				width: 100%;
			}
			
			.gao {
				width: 95%;
				margin-left: 5%;
				border-bottom: 1px solid #f2f2f2;
				margin-top: 0.01rem;
			}
			
			.gao span {
				float: left;
				font-size: 0.13rem;
				color: #4D4D4D;
				margin-top: 0.15rem;
				margin-bottom: 0.15rem;
			}
			
			.gao em {
				float: right;
				font-size: 0.13rem;
				color: #808080;
				margin-top: 0.15rem;
				margin-bottom: 0.15rem;
				margin-right: 0.12rem;
			}
			
			.huiyuanxinxi .em10 {
				float: right;
				margin-right: 0.12rem;
				margin-top: 0.15rem;
				font-size: 0.13rem;
				color: #4198FF;
			}
			
			.huiyuanxinxi h6 {
				display: block;
				width: 95%;
				margin-left: 5%;
				text-align: left;
				font-size: 0.15rem;
				color: #4D4D4D;
				margin-top: 0.15rem;
				margin-bottom: 0.15rem;
			}
			
			.huiyuanxinxi ul img {
				width: 0.5rem!important;
				height: 0.5rem!important;
				border-radius: 50%;
			}
			/*消费记录*/
			
			.mui-content .zong {
				width: 95%;
				margin-left: 5%;
				margin-top: 0.1rem;
			}
			
			.zong .time1 {
				font-size: 0.15rem;
				color: #4D4D4D;
			}
			
			.zong .time1 img {
				float: left;
				width: 2%;
				margin-top: 0.06rem;
			}
			
			.zong .time1 span {
				margin-left: 5%;
			}
			
			.zong .xiangxi {
				width: 85%;
				margin-left: 10%;
			}
			
			.zong .xiangxi span {
				color: #808080;
				font-size: 0.13rem;
			}
			
			.zong .xiangxi em {
				color: #4D4D4D;
				font-size: 0.13rem;
			}
			/*到店记录*/
			
			.daodianjilu .xinxi {
				width: 95%;
				margin-left: 5%;
				border-bottom: 1px solid #f2f2f2;
				margin-top: 0.01rem;
				height: 0.58rem;
			}
			.daodianjilu .xinxi img{
				float: left;
				width: 0.38rem;
				height: 0.38rem;
				border-radius: 50%;
				margin-top: 0.1rem;
				margin-right: 0.1rem;
				
			}
			.daodianjilu .xinxi span {
				float: left;
				font-size: 0.13rem;
				color: #808080;
				margin-top: 0.2rem;
				margin-bottom: 0.15rem;
			}
			
			.daodianjilu .xinxi em {
				float: right;
				font-size: 0.13rem;
				color: #4D4D4D;
				margin-top: 0.2rem;
				margin-bottom: 0.15rem;
				margin-right: 0.12rem;
			}
			
			.mui-table-view:before {
				height: 0;
			}
			
			.mui-table-view:after {
				height: 0;
			}
			
			.tupian {
				background: url(img/client_banner.png)no-repeat center center;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 999;
				padding-bottom: 0.06rem;
			}
			
			#main {
				position: relative;
			}
			
			#main em {
				overflow: hidden;
				position: absolute;
				width: 0.45rem;
				height: 0.45rem;
				opacity: 1;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				text-align: center;
				background-image: url(img/group_info_tags.png);
				background-size: 100%;
				font-size: 0.09rem;
				color: #FFFFFF;
			}
			
			.yihangem {
				line-height: 0.45rem;
			}
			
			.erhangem {
				line-height: 0.13rem;
			}
			
			.erhangspan {
				display: block;
				margin-top: 0.12rem;
			}
			
			.mui-slider .mui-slider-group .mui-slider-item img{
				    min-width: 100%;
			}			
		</style>
	</head>
	<body>
		<div class="main11">
			<div class="tupian">
				<div class="head2">
					<a href="client_searchresult.html"><img class="img1" src="img/fanhui1.png" alt="" /></a>
					<div class="div2" style="width: 84%;"><span class="span3">客户资料</span></div>
				</div>
				<div class="beijing" id="main">
					<div class='mui-zoom-wrapper'>
						<div class='mui-zoom-scroller mui-zoom-pic'>
							<img class='mui-zoom leftImage' src="" alt="" id="touxiang"  data-preview-src="" data-preview-group="1" />
						</div>
					</div>
					<span id="name" class="span0"></span>
					<span id="xinxi" class="span1"></span>
					<div class="menu clearfix">
						<span class="active10">会员信息</span>
						<span class="">消费记录</span>
						<span class="">到店记录</span>
					</div>
					<!--<em class="erhangem"><span class="erhangspan">小强是一个好人吗</span></em>
					<em class="erhangem"><span class="erhangspan">小强不是一个好人</span></em>
					<em class="yihangem"><span>小强</span></em>-->
				</div>
			</div>
			<div class="mui-content">
				<div style="padding-top: 2.35rem;">
					<div class="main0 huiyuanxinxi">
						<div class="gao clearfix"><span>促销敏感</span><em id="sales">高，易接收促销</em></div>
						<div class="gao clearfix" style="width: 100%;margin-left: 0; border-bottom: 5px solid #f2f2f2;">
							<span style="margin-left: 5%;">消费水平</span>
							<em id="level">高，高端品牌</em>
						</div>
						<div class="gao clearfix"><span>会员</span><em id="member"></em></div>
						<div class="gao clearfix"><span>生日</span><em id="birthday"></em></div>
						<div class="gao clearfix" style="width: 100%;margin-left: 0; border-bottom: 5px solid #f2f2f2;">
							<span style="margin-left: 5%;">手机号</span>
							<em class="em10">查看</em>
							<em id="phone"></em>
							<input type="hidden" id="phone2" />
						</div>
						<div class="gao clearfix"><span>身高</span><em id="height"></em></div>
						<div class="gao clearfix"><span>胸围</span><em id="chest"></em></div>
						<div class="gao clearfix"><span>腰围</span><em id="waistline"></em></div>
						<div class="gao clearfix"><span>臂围</span><em id="arm"></em></div>
						<div class="gao clearfix" style="width: 100%;margin-left: 0; border-bottom: 5px solid #f2f2f2;">
							<span style="margin-left: 5%;">鞋码</span><em id="size"></em>
						</div>
						<div class="gao clearfix"><span>颜色偏好</span><em id="color"></em></div>
						<div class="gao clearfix"><span>衣服风格</span><em id="tongue"></em></div>
						<div class="clearfix" style="width: 100%;margin-left: 0; border-bottom: 5px solid #f2f2f2;">
							<h6>品牌喜好</h6>
							<ul class="mui-table-view mui-grid-view" id="pinpailiebiao">
							</ul>
						</div>
						<div class="gao clearfix"><span>职业</span><em id="profession"></em></div>
						<div class="gao clearfix"><span>公司</span><em id="company"></em></div>
						<div class="gao clearfix"><span>所在地</span><em id="add"></em></div>
						<div class="gao clearfix"><span>学校</span><em id="shcool"></em></div>
						<div class="gao clearfix"><span>故乡</span><em id="hometown"></em></div>
						<div class="gao clearfix"><span>邮箱</span><em id="email"></em></div>
						<div class="gao clearfix"><span>是否有孩子</span><em id="kid"></em></div>
					</div>
					<div class="main0 xiaofeijilu" style="display: none;" id="xiaofeijilu">
						<div class="gao clearfix"><span>累计消费</span><em></em></div>
						<div class="gao clearfix"><span>上次消费</span><em></em></div>
						<div class="gao clearfix" style="border-bottom: 5px solid #f2f2f2;width: 100%;margin-left: 0;"><span style="margin-left: 5%;">客单均价</span><em></em></div>
						<div class="zong  clearfix">
							<div class="time1 clearfix"><img src="img/time.png" alt="" /><span></span></div>
							<div class="xiangxi">
								<div style="margin-top: 0.15rem;"><span>订单号：</span><em class="em1"></em></div>
								<div style="margin-top: 0.07rem;"><span>消费金额：</span><em class="em2"></em></div>
								<div style="margin-top: 0.07rem;margin-bottom: 0.3rem;"><span>购买商品（<em class="em3">2</em>）：</span><em></em></div>
							</div>
						</div>
						<div class="zong  clearfix">
							<div class="time1 clearfix"><img src="img/time.png" alt="" /><span></span></div>
							<div class="xiangxi">
								<div style="margin-top: 0.15rem;"><span>订单号：</span><em class="em1"></em></div>
								<div style="margin-top: 0.07rem;"><span>消费金额：</span><em class="em2"></em></div>
								<div style="margin-top: 0.07rem;margin-bottom: 0.2rem;"><span>购买商品（<em class="em3">2</em>）：</span><em></em></div>
							</div>
						</div>
					</div>
					<div class="main0 daodianjilu" style="display: none;" id="leijidaodian">
						<div class="gao clearfix"><span>累积到店</span><em></em></div>
						<div class="gao clearfix" style=" border-bottom: 5px solid #f2f2f2;width: 100%;margin-left: 0;">
							<span style="margin-left: 5%;">到店周期</span><em></em>
						</div>
						<div class="xinxi clearfix"><img src="" alt="" /><span></span><em></em></div>
						<div class="xinxi clearfix"><span></span><em></em></div>
						<div class="xinxi clearfix"><span></span><em></em></div>
						<div class="xinxi clearfix"><span></span><em></em></div>
					</div>
				</div>
			</div>
		</div>
		<!--<div class="beijing" style="position: absolute;left: 0;top: center;width: 100%;height: 100%; background: #000000;display: none;"></div>
		<img class="bianda" src="img/shuijiao.jpg" alt="" style="position: absolute;left: 0;top: center;width: 100%;height: 1.87rem;display: none;"/>-->
		<!--/********************日期控件**************************/-->
		<!--<link rel="stylesheet" type="text/css" href="css/hgs-date.css" />
		<script src="js/hgs-date.js"></script>-->
		<!--/********************日期控件**************************/-->
		<input id="index-shop-lists-id" type="hidden">
		<input id="index-shop-lists" type="hidden">
		<input id='index-end-date' type="hidden" />
		<input id='index-start-date' type="hidden" />

		<!--/***************************************************/-->

		<script src="js/mui.min.js"></script>
		<script src="js/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.enterfocus.js"></script>
		<script src="js/app.js"></script>
		<!--<script type="text/javascript" src="js/jsencrypt.min.js"></script>就
		<script src="js/md5.js"></script>-->
		<script src="js/crypto-js.js"></script>
		<script src="js/jquery.js"></script>
		<script type="text/javascript" src="js/common.js?ver=20180130"></script>
		<script type="text/javascript" src="js/fuction.js?ver=20180130"></script>
		<script src="js/echarts.js"></script>
		
    <script src="js/mui.zoom.js">    </script>
    <script src="js/mui.previewimage.js"></script>		
		
		<script type="text/javascript">
			mui.init();
			
		</script>
		<script>
			$(document).ready(function() {
				$(".menu span").click(function() {
					$(this).addClass("active10").siblings().removeClass("active10");
					$(".main0").eq($(this).index()).show().siblings().hide();
				})

				$(".em10").click(function() {
					$("#phone").html($("#phone2").val());
				})	
			})
		</script>
		<script>
			var member_id = decodeURI(getUrlParam('member_id'));

			mui.ready(function() {

				//获取当前的客户数据
				xminereadyload();

				//获取支出明细
				member_info();

			});

			//获取品牌列表
			function utils_brand() {
				var xbx = {}; //登录后的参数对象AES加密

				official_login_after(url_host + 'utils/brand', xbx, 'utils_brand');
			};

			//获取客户详情
			function member_info() {
				var xbx = {}; //登录后的参数对象AES加密
				xbx.shop_id = user_info.look_shop_id; //是 店铺ID---2		
				xbx.member_id = member_id;

				official_login_after(url_host + 'member/info', xbx, 'member_info');
			};
		</script>

		<script>
			var main = null;
			var circles = null;
			var st = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f'];
			var json = [],
				arr = [],
				color = [];
			var maxW = 0;
			var maxH = 0;
			var cwidth = 0;
			var cheight = 0;

			//小球碰撞
			function group_info_tags() {
				main = document.getElementById('main');
				circles = main.getElementsByTagName('em');
				st = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f'];
				json = [],
					arr = [],
					color = [];
				maxW = 0;
				maxH = 0;
				cwidth = circles[0].offsetWidth;
				cheight = circles[0].offsetHeight;
				//根据浏览器窗口的大小自动调节小球的运动空间
				window.onresize = function() {
					var main = document.getElementById('main');
					//maxW = window.innerWidth - circles[0].clientWidth;
					//maxH = window.innerHeight - circles[0].clientHeight;
					//main.style.width = window.innerWidth + 'px';
					//main.style.height = window.innerHeight + 'px';
					maxW = $("#main").width() - circles[0].clientWidth;
					maxH = $("#main").height() - circles[0].clientHeight;
					main.style.width = $("#main").width() + 'px';
					main.style.height = $("#main").height() + 'px';

					//				console.log(circles[0].clientWidth);
					//				console.log(circles[0].clientHeight);
					//				console.log(main.style.width);
					//				console.log(main.style.height);
					//				console.log($("#main").width());
					//				console.log($("#main").height());
				}
				onresize();
				//数组对象的初始化
				for(var i = 0; i < circles.length; i++) {
					arr = [];
					for(var j = 0; j < 6; j++) {
						color[j] = st[Math.floor(Math.random() * 16)];
					}
					arr.x = Math.floor(Math.random() * (maxW + 1)); //初始x坐标
					arr.y = Math.floor(Math.random() * (maxH + 1)); //初始y坐标
					arr.cx = arr.x + circles[0].offsetWidth / 2; //圆心x坐标
					arr.cy = arr.y + circles[0].offsetHeight / 2; //圆心y坐标
					arr.movex = Math.floor(Math.random() * 2); //x轴移动方向
					arr.movey = Math.floor(Math.random() * 2); //y轴移动方向
					//arr.bgolor = '#' + color.join(''); //随机生成一个6位字符串
					arr.speed = 0.2 + Math.floor(Math.random() * 0.6);
					//随机生成一个2~6之间的移动速度（如果设置的改变速度太大，容易造成小球碰撞时两个小球之间有重合，也有可能小球会出界）
					arr.timer = null; //计时器
					arr.index = i; //索引值
					json.push(arr);
					circles[i].style.left = arr.x + 'px'; //小球位置初始化
					circles[i].style.top = arr.y + 'px'; //小球位置初始化
					circles[i].style.backgroundColor = arr.bgolor; //小球背景颜色初始化
				}

				//对每一个小球绑定计时器，让小球动起来
				for(var i = 0; i < circles.length; i++) {
					move(json[i]);
				}
			}

			//碰撞函数
			function crash(a) {
				var ball1x = json[a].cx;
				var ball1y = json[a].cy;
				for(var i = 0; i < json.length; i++) {
					if(i != a) {
						var ball2x = json[i].cx;
						var ball2y = json[i].cy;
						//圆心距离的平方
						var len = (ball1x - ball2x) * (ball1x - ball2x) + (ball1y - ball2y) * (ball1y - ball2y);
						if(len <= cwidth * cwidth) {
							//小球位置的判断，发生碰撞反应
							if(ball1x > ball2x) {
								if(ball1y > ball2y) {
									json[a].movex = 1;
									json[a].movey = 1;
								} else if(ball1y < ball2y) {
									json[a].movex = 1;
									json[a].movey = 0;
								} else {
									json[a].movex = 1;
								}
							} else if(ball1x < ball2x) {
								if(ball1y > ball2y) {
									json[a].movex = 0;
									json[a].movey = 0;
								} else if(ball1y < ball2y) {
									json[a].movex = 0;
									json[a].movey = 1;
								} else {
									json[a].movex = 0;
								}
							} else {
								if(ball1y > ball2y) {
									json[a].movey = 1;
								} else if(ball1y < ball2y) {
									json[a].movey = 0;
								}
							}
						}
					}

				}
			}
			//移动函数
			function move(circle) {
				circle.timer = setInterval(function() {
					if(circle.movex == 1) {
						circle.x += circle.speed;
						if(circle.x + circle.speed >= maxW) { //防止小球出界
							circle.x = maxW;
							circle.movex = 0; //小球运动方向发生改变
						}
					} else {
						circle.x -= circle.speed;
						if(circle.x - circle.speed <= 0) {
							circle.x = 0;
							circle.movex = 1;
						}
					}
					if(circle.movey == 1) {
						circle.y += circle.speed;
						if(circle.y + circle.speed >= maxH) {
							circle.y = maxH;
							circle.movey = 0;
						}
					} else {
						circle.y -= circle.speed;
						if(circle.y - circle.speed <= 0) {
							circle.y = 0;
							circle.movey = 1;
						}
					}
					circle.cx = circle.x + circles[0].offsetWidth / 2; //小球每一次运动圆心都会发生改变
					circle.cy = circle.y + circles[0].offsetHeight / 2;
					circles[circle.index].style.left = circle.x + 'px'; //小球位置重定位
					circles[circle.index].style.top = circle.y + 'px';
					/*console.log('x'+circle.cx+'y'+circle.cy);*/
					crash(circle.index);
				}, 15);
			}
		</script>
		
		
    <script>

        mui.previewImage();

        mui.plusReady(function() {
            getaData();
        })
        // 获取数据
        function getaData() {
            var table = document.body.querySelector('.mui-table-view');
            var timestamp = getDataStr();
            mui.ajax(baseUrl, {
                data: {
                    key: '',
                    typeId: '',
                    showapi_appid: appid,
                    showapi_sign: sign,
                    showapi_timestamp: timestamp,
                    page:1
                },
                dataType: 'json',
                type: 'post',  
                timeout: 10000,
                beforeSend: function(data) {
                    plus.nativeUI.showWaiting(); 
                },
                success: function(data) {
                    plus.nativeUI.closeWaiting();  
                    if (data.showapi_res_code == 0) {
                        console.log("imageView成功");
                        var dice1 = data.showapi_res_body;
                        var dice2 = dice1.pagebean;
                        table.innerHTML = '';
                        for (var i = 0; i < dice2.contentlist.length - 1; i = i + 2) {
                            var item1 = dice2.contentlist[i];
                            var item2 = dice2.contentlist[i + 1];
//                          console.log(item1.contentImg);
                            var li = document.createElement('li');
                            li.className = 'image-li'; 
                            li.innerHTML = '<img class="leftImage" src="'+ item1.contentImg + '" data-preview-src="" data-preview-group="1" />'
                                        + '<img class="rightImage" src="'+ item2.contentImg + '" data-preview-src="" data-preview-group="1" />';
                            table.appendChild(li, table.firstChild);
                        }
                    }
                },
                error: function(xhr, type, errerThrown) {
                    mui.toast('网络异常,请稍候再试');
                    plus.nativeUI.closeWaiting();  
                }
            });
        }   


    </script>		
	</body>

</html>